<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>兄弟选择器</title>
    <!--
        兄弟选择器:
        方式一:标签1+标签2{}:选择标签1下方紧领的标签2(兄弟关系) 一定是(下方)(紧领)(兄弟关系)
        方式二:标签1~标签2{}:选择标签1下方所有的标签2(兄弟关系) 一定是(下方)(兄弟关系)

    -->
    <style>
        div ~ p {
            color: gold;
        }

        div + p {
            color: red;
        }
    </style>
</head>
<body>
<div>学习</div>
<p>前端</p>
<p>后端</p>
<p>测试</p>
<p>运维</p>
</body>
</html>